<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/shopindex.css"/>
		<script type="text/javascript" src="../js/other/jquery.min.js"></script>
	</head>
	<body>
		<div class="web">
			
			<!--头部-->
			<div class="header">
				<div class="header-pic fl">
					<img src="../img/other/index-logo.PNG"/>
				</div>
				<div class="header-nav fl">
					<ul>
						<li>
							<a href="../index.html">首页</a>
						</li>
						<li>
							<a href="../personal/upper.html">骑行</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../personal/upper.html">跑步</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../personal/upper.html">休闲</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../index.html#brand">品牌区</a>
						</li>
						<li>
							<a href="#">设计师</a>
						</li>
						
					</ul>
				</div>
				<div class="header-search fr">
					<input type="search">
					<!--<div class="header-search-box">-->
					<input type="button">
				</div>
				<div class="header-right fr">
					<ul>
						<a href="../other/buy1.html">
							<li>
								<img src="../img/other/header-pic1.png"/>
							</li>
						</a>
						<li id="header-login">
							<a href="../other/login.html">
								<img src="../img/other/header-pic2.png"/>
							</a>
							<div class="header-login-block">
								<ul>
									<li><a href="../other/login.html">登录</a></li>
									<li><a href="../personal/myorder.html">我的订单</a></li>
								</ul>
							</div>
						</li>
						<a href="">
							<li>
								<img src="../img/other/header-pic3.png"/>
							</li>
						</a>
						<a href="../other/leaguelogin.html">
							<li>
								<img src="../img/other/header-pic4.png"/>
							</li>
						</a>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			
			
			<div class="head-link">
				<p><a href="../index.html">首页</a>  >  品牌专区  </p>
			</div>
			
			<!--大图部分-->
			<div class="shopindex-bg">
				<div class="shopindex-bg-text">
					<div class="shopindex-bg-pic fl">
						<img src="../img/other/shopindex-bg-pic.png"/>
					</div>
					<p>DREAM骑手</p>
					<p>全球业内领先的高端功能性运动品牌</p>
					<input type="button" value="关注" />
					<input type="button" value="分享" />
				</div>
				
			</div>
		
			<!--内容-->
			<div class="shopindex-content">
				<div class="shopindex-content-top">
					<div class="shopindex-content-classify">
						<div class="container">
							<section class="main">
								<div class="wrapper-demo">
									<div id="dd" class="wrapper-dropdown-5" tabindex="1">所有单品
										<ul class="dropdown">
											<li><a href="#">第一单品</a></li>
											<li><a href="#">第二单品</a></li>
											<li><a href="#">第三单品</a></li>
										</ul>
									</div>
								</div>
							</section>
						</div>
						<script type="text/javascript">
							function DropDown(el) {
								this.dd = el;
								this.initEvents();
							}
							DropDown.prototype = {
								initEvents : function() {
								var obj = this;
								obj.dd.on('click', function(event){
									$(this).toggleClass('active');
									event.stopPropagation();
									});	
								}
							}
							$(function() {
								var dd = new DropDown( $('#dd') );
								$(document).click(function() {
									// all dropdowns
									$('.wrapper-dropdown-5').removeClass('active');
								});
							});
						</script>
						
					</div>
					<div class="shopindex-content-radio">
						<input type="radio" style="margin-left: 23px;" name="classify" id="last" value="last" />
						<label for="last"><span style="font-size: 14px;line-height: 52px;color: #505b63;">按更新</span></label>
						<input type="radio" style="margin-left: 23px;" name="classify" id="hot" value="hot" />
						<label for="hot"><span style="font-size: 14px;line-height: 52px;color: #505b63;">按热度</span></label>
					</div>
					<p>共<span>1289</span>件商品 <span>1</span>/16</p>
				</div>
				<div class="shopindex-content-itembox">
					<ul>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic1.png"/>
								</div>
								<p>竞技版骑行上衣</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic2.png"/>
								</div>
								<p>普通版骑行上衣</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic3.png"/>
								</div>
								<p>竞技版背带骑行裤</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic3.png"/>
								</div>
								<p>竞技版背带骑行裤</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic1.png"/>
								</div>
								<p>竞技版骑行上衣</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic2.png"/>
								</div>
								<p>普通版骑行上衣</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic3.png"/>
								</div>
								<p>竞技版背带骑行裤</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic3.png"/>
								</div>
								<p>竞技版背带骑行裤</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic1.png"/>
								</div>
								<p>竞技版骑行上衣</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic2.png"/>
								</div>
								<p>普通版骑行上衣</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic3.png"/>
								</div>
								<p>竞技版背带骑行裤</p>
								<p>¥299</p>
							</div>
						</li>
						<li>
							<div class="shopindex-content-item">
								<div class="shopindex-content-item-pic">
									<img src="../img/other/shopindex-item-pic3.png"/>
								</div>
								<p>竞技版背带骑行裤</p>
								<p>¥299</p>
							</div>
						</li>
					</ul>
					<div class="clear"></div>
				</div>
				<div class="shoplist-link shopindex-link">
						<ul>
							<a href=""><li><img src="../img/other/shoplist-link-pic1.png"/></li></a>
							<a href=""><li class="redColor">1</li></a>
							<a href=""><li>2</li></a>
							<a href=""><li>3</li></a>
							<li id="shoplist-point">
								<div class="shoplist-point"></div>
								<div class="shoplist-point"></div>
								<div class="shoplist-point"></div>
							</li>
							<a href=""><li><img src="../img/other/shoplist-link-pic2.png"/></li></a>
							<li id="shoplist-tiaozhi">跳至</li>
							<li class="shoplist-ye">
								<input type="number"/>页
							</li>
							
							<a href=""><li class="shoplist-ye">跳转</li></a>
						</ul>
					</div>
			</div>
			
			<!--页脚-->
			<footer>
				<div class="footer-link">
					<div class="footer-pic fl">
						<img src="../img/other/footer-pic1.png"/>
					</div>
					<div class="footer-right fr">
						<ul>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">新手指南</a>
									</li>
									<li>
										<a href="../other/register.html">用户注册</a>
									</li>
									<li>
										<a href="../other/DIY1.html">定制流程</a>
									</li>
									<li class="footer-text-last"></li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">付款方式</a>
									</li>
									<li>
										<a href="#">支付方式</a>
									</li>
									<li>
										<a href="#">支付问题</a>
									</li>
									<li>
										<a href="#">常见问题</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">售后服务</a>
									</li>
									<li>
										<a href="../trade/Changing or Refunding/Application2.html">退款换货</a>
									</li>
									<li>
										<a href="#">配送方式</a>
									</li>
									<li>
										<a href="#">联系我们</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="">政策条款</a>
									</li>
									<li>
										<a href="">服务协议</a>
									</li>
									<li>
										<a href="">隐私条款</a>
									</li>
									<li>
										<a href="">版权条款</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="footer-reg">
					<p>
						© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
					</p>
				</div>
			</footer>
			
		</div>
	</body>
</html>
